@charset "utf-8";
@media only screen and (max-width: 1300px){
.wrap2 {padding:0 3%}
.contact {border-radius:2px;padding:110px 100px 0 100px}
}

@media only screen and (max-width: 1200px){
.wrap {padding:0 3%}
.fixtop {height:60px; line-height:60px; position:fixed;width:100%; background:#fff;}
.fixtop .toper ul.navpc li {display:none;}
.fixtop .toper ul.navpc li.f2 {display:block;width:100%; text-align:left;}
.fixtop .toper ul.navpc li.f2 img { height:30px;}
.fixtop.active .toper ul.navpc li.f2 img { height:30px}
.fixtop .toper ul.navpc li a {margin:0}
.fixtop.active { height:60px; line-height:60px}
.tblank { height:60px}
.tblank.active { height:60px}
.phonemenu { display:block;}
.accordionmenu {}
.accordionmenu li { position:relative;line-height:50px;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#fff;font-size:16px}
.accordionmenu li .link a {color:#fff;font-size:18px;}
.accordionmenu li.open .link { background:#4dc1ea;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p {background:#dee1e5;border-top:1px solid #bcbfc1;height:50px; line-height:50px;}
.accordionmenu .submenu p a { display:block;color:#696969;font-size:16px;height:50px; line-height:50px;}
.accordionmenu .submenu p a:hover {color:#4dc1ea}
.bxslider li a {height:700px; background-size:cover;}
.abanner .bxslider li a {height:750px;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 30px;}

.indabout {padding:60px 0 30px 0}
.indabout .mleft .cons {font-size:16px; line-height:36px;margin-top:25px}
.indabout .mleft .cons p {margin:20px 0}
.indabout .mright .pic {margin:80px 0 0 0}

.indabout .mright .more a {border-radius:5px; height:40px; line-height:40px;padding:0 10px 0 30px; letter-spacing:1px;font-size:16px;margin-top:30px}
.indabout .mright .more a i {width:15px; height:25px;margin-left:10px; background-size:cover;}
.indabout .mright .more a:hover {padding-right:10px}
.indabout .mright .more a:hover i {margin-left:10px;}
.mainsubject {letter-spacing:1px}
.mainsubject h1,.mainsubject p {font-size:35px; line-height:35px;}
.mainsubject h2 {font-size:20px;letter-spacing:2px;margin-top:10px}
.indcase .subject {font-size:30px; line-height:30px; letter-spacing:4px;margin:50px 0 30px 0;}
.indcase .mainsubject {margin:0 0 25px 0}
.indcase ul {margin-top:-30px;}
.indcase li {margin:30px 1% 0 1%; }
.indcase li .pic .cons {font-size:16px; line-height:26px; letter-spacing:1px;}
.indcase li .title { height:20px; line-height:20px; margin-top:15px}
.indcase li .title a {font-size:16px;}
.indcase li .title a span {font-size:12px;margin-left:10px}
.indmovie { margin-top:40px;padding-top:30px;padding-bottom:40px}

.foot { padding:30px 0 15px 0}
.foot .l{ display:none;}
.foot .m { display:none;}
.foot .r { display:block; text-align:center;font-size:14px; line-height:29px; }
.foot .r .t {font-size:22px;margin:0 0 15px 0;}
.foot .r .c {font-size:22px;margin:0 0 15px 0;}
.foot .cons {font-size:12px; line-height:22px;margin-top:25px; }
.case {padding:0px 0 40px 0}
.page_wrap {padding:40px 0 0 0}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.show {margin:0px auto 0 auto}
.show .cons {padding:25px 25px}
.show .cons .t {font-size:25px; line-height:40px}
.show .cons .hy{margin:15px 0 5px 0}
.show .summry img {margin-top:20px}
.prevnext {margin:30px 0}
.prevnext a.m {top:61px;}
.prevnext a .cs .c {font-size:14px; line-height:24px; letter-spacing:0px;}
.prevnext a span {font-size:16px;margin-top:10px;}
.prevnext a.p span {padding:0 0 0 20px}
.prevnext a.n span {padding:0 20px 0 0;margin-left:165px}
.prevnext a.p span:hover {margin-left:0}
.prevnext a.n span:hover {margin-left:165px}

.mshow {padding:0 0 25px 0}
.mshow .title {font-size:24px; line-height:44px; letter-spacing:2px;padding:20px 0 0 0}
.mshow .title2 {font-size:14px; line-height:34px; letter-spacing:1px;padding:0 0 0 0}
.mshow .content img {margin-top:20px}
.bannercontact { height:600px; background-size:cover;}
.bannercontact .cons {min-width:400px}
.bannercontact .cons .up {font-size:80px; line-height:90px; letter-spacing:10px;padding:100px 0 50px 0}
.bannercontact .cons .down .t {font-size:16px; line-height:26px;}
.bannercontact .cons .down .c {font-size:20px; line-height:30px;}

.contact { margin:-100px 0 30px 0;padding:40px 30px 0 30px}
.contact .mleft {width:45%; }
.contact .mright {width:45%;}
.contact .content {margin:20px 0 50px 0}

.about {padding:0 0 60px 0}
.about li {margin-top:60px;}
.about .cons .title2 {font-size:30px; line-height:40px;margin:0px 0 15px 0}
.about .cons .content {font-size:16px; line-height:36px;}
.about .pic {margin-top:100px}
}

@media only screen and (max-width: 1024px){
.bxslider li a {height:600px;}
.abanner .bxslider li a {height:640px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:500px;}
.abanner .bxslider li a {height:540px;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:450px;}
.abanner .bxslider li a {height:480px;}
.indabout .mleft {width:100%;}
.indabout .mright {width:100%}
.indabout .mright .pic {margin:10px 0 0 0}
.indabout {padding:40px 0}
.indcase li .title font { display:none;}
.prevnext {height:115px;}
.prevnext a  {width:120px}
.prevnext a.m {top:30px; background-size:cover;width:20px; height:19px;margin-left:-10px}
.prevnext a.n span {margin-left:55px}
.prevnext a.n span:hover {margin-left:55px}

.bannercontact { height:300px;}
.bannercontact .cons {min-width:100%}
.bannercontact .cons .up {font-size:40px; line-height:50px; letter-spacing:5px;padding:40px 0 30px 0; text-align:center}
.bannercontact .cons .down .t {font-size:13px; line-height:23px;}
.bannercontact .cons .down .c {font-size:16px; line-height:26px;}
.contact { margin:-50px 0 30px 0;padding:35px 20px 0 20px}
.contact .mleft {width:100%;}
.contact .mright {width:100%;}

.about .cons {width:100%}
.about .pic {width:100%; margin-top:30px}
.about {padding:0 0 40px 0}
.about li {margin-top:40px;}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:300px;}
.abanner .bxslider li a {height:330px;}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:250px;}
.abanner .bxslider li a {height:280px;}
}